﻿@using ExcellOnServices.Models;

@{
	ViewBag.Title = "Home";
	ViewBag.Active = "Home";

	List<Category> categories = ViewBag.categories as List<Category>;
}

<!-- jumbotron -->
<div class="jumbotron">
	<div class="container">
		<div class="row">
			<span class="title">A gift the whole family will love</span>

			<div class="col-md-6">
				<span class="subtitle">Get the best deals here.</span>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
				<p>Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
				<a class="btn-red" href="@Url.Action("Index", "Store", null)">More Info</a>
			</div>

			<div class="col-md-6">
				<img src="~/Resources/img/feature.png" class="pull-right" />
			</div>

		</div>
		<!--/ row -->
	</div>
	<!--/ container -->
</div>
<!--/ jumbotron -->

<!-- content -->
<div class="content" style="padding-bottom: 0px; min-height: 300px;">
	<div class="container">
		<!-- row-categories -->
		<div class="row row-categories">
			@foreach (Category cat in categories) { 
				<div class="col-md-3">
					<a href="@Url.Action("Index", "Store", new { categoryId = cat.Id })">
						<img src="@cat.ImageUrl">
						<span class="title">@cat.Name</span>
						<span class="btn-red">View More</span>
					</a>
				</div>
			}
		</div>
		<!--/ .row-categories -->
	</div>
	<!--/ .container -->
</div>
<!--/ .content -->
